Vue.component('box', {
  props: ['confirmButtonText', 'cancelButtonText'],
  template: `
    <div style="position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0,0, 0.6)">
      <div style="height: 100%; display: flex; justify-content: center; align-items: center;">
        <slot></slot>
        <button @click="$emit('cancel')">{{cancelButtonText}}</button>
        <button @click="$emit('ok')">{{confirmButtonText}}</button>
      </div>
    </div>
  `
})